<script setup lang="ts">
withDefaults(defineProps<{ title: string, desc?: string }>(), { desc: '' })
</script>

<template>
  <div class="reveal animate-fade-up mb-8 text-center">
    <div class="chip mb-3 inline-block">
      XUXING SMART
    </div>
    <h2 class="text-2xl font-800 md:text-3xl">
      {{ title }}
    </h2>
    <p v-if="desc" class="mx-auto mt-2 opacity-80 max-w-3xl">
      {{ desc }}
    </p>
  </div>
</template>
